<template>
  <div class="container-fluid container-custom">
    <Header/>
    <div class="body h-100">
      <slot></slot>
    </div>
    <Footer/>
  </div>
</template>

<script>
import Header from "@/components/Header.vue";
import Footer from "@/components/Footer.vue";
export default {
  name: "Container",
  components: {
    Header,
    Footer
  }
};
</script>

<style scoped>
.container-custom {
  padding: 57px 0;
  margin: 0;
}
.body {
  text-align: justify;
  padding: 0 1em;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
</style>


